<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html>
<head>
<title>图书录入</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
	href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
	type="text/css">
<link rel="stylesheet"
	href="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-alpha.6.css"
	type="text/css">
</head>
<link rel="stylesheet"
	href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
	type="text/css">
<link rel="stylesheet"
	href="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-alpha.6.css"
	type="text/css">
</head>
<link type="text/css" rel="stylesheet" href="calendar.css">
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="calendar-zh.js"></script>
<script type="text/javascript" src="calendar-setup.js"></script>
<body
	background="http://img95.699pic.com/photo/00022/6875.jpg_wh300.jpg!/format/webp">
	<div class="py-5">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h1 class="text-center text-capitalize display-2"
						id="book-info-title" color="red">
						<font face="楷体">图书录入</font>
					</h1>
				</div>
			</div>
		</div>
		<div class="container"></div>
	</div>
	<div class="py-5">
		<div class="container">
			<div class="row">
				<div class="col-md-4 p-3 m-0">
					<img class="img-fluid d-block float-right"
						src="http://58pic.ooopic.com/58pic/22/89/32/15n58PICmqM.png">
					<br> <label style="font-size: 30px"></label> <br>
					<textarea class="h-50 w-100" hidden="true"></textarea>
				</div>

				<div class="col-md-8" style="position: relative;">
					<form action="insert.action" method="post">
						<div class="form-group">
							<label>书名</label> <input type="text" class="form-control"
								placeholder="Bookname" name="booksModel.bookName">
						</div>
						<div class="form-group">
							<label>图书编号</label> <input type="text" class="form-control"
								placeholder="ISBN" name="booksModel.isbn">
						</div>
						<div class="form-group">
							<label>作者</label> <input type="text" class="form-control"
								placeholder="Author" name="booksModel.author">
						</div>
						<div class="form-group">
							<label>出版社</label> <input type="text" class="form-control"
								placeholder="Publisher" name="booksModel.publish">
						</div>
						<div class="form-group">
							<label>入库时间</label> <input input type="text" id="EntTime"
								onclick="return showCalendar('EntTime', 'y-mm-dd');"
								class="form-control" placeholder="Date" name="booksModel.inTime">
						</div>
						<div class="form-group">
							<label>标签</label> <input type="text" class="form-control"
								placeholder="tag" name="booksModel.tag">
						</div>
						<div class="form-group">
							<label>书本类别</label> <input type="text" class="form-control"
								placeholder="Type" name="booksModel.type">
						</div>
						<div class="form-group">
							<label>语言</label> <input type="text" class="form-control"
								placeholder="Language" name="booksModel.language">
						</div>
						<div class="form-group">
							<label>索书号</label> <input type="text" class="form-control"
								placeholder="Callno" name="booksModel.callno">
						</div>
						<div class="form-group">
							<label>状态</label> <input type="text" class="form-control"
								placeholder="0" name="booksModel.status">
						</div>
						<button type="submit" class="btn btn-primary">增加</button>
						<button type="reset" class="btn btn-primary">重置</button>
					</form>
					<button class="btn btn-primary"
						onclick="{location.href='back.action?id=${user.id}'}"
						style="position: absolute; bottom: 16px; left: 157px;">返回</button>
				</div>
				<div>
					<font color="red"
						style="position: absolute; bottom: -550px; right: 782px;">${requestScope.sucessMess}</font>
				</div>
			</div>
		</div>
	</div>
	<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
	<script
		src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
	<script
		src="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-alpha.6.min.js"></script>
</body>

</html>